<div class='mkt-page-holiday-gift-card'>

  <svg height='0' style='position: absolute' width='0'>
    <symbol id='svg-add-tiny' viewbox='0 0 8 8'>
      <path clip-rule='evenodd' d='M4.0005 0C3.44794 0 3 0.447939 3 1.0005V3H1C0.447715 3 0 3.44772 0 4V4C0 4.55228 0.447715 5 1 5H3V6.9995C3 7.55206 3.44794 8 4.0005 8V8C4.55306 8 5.001 7.55206 5.001 6.9995V5H7C7.55228 5 8 4.55228 8 4V4C8 3.44772 7.55228 3 7 3H5.001V1.0005C5.001 0.447939 4.55306 0 4.0005 0V0Z' fill-rule='evenodd'></path>
    </symbol>
    <symbol id='svg-minus-tiny' viewbox='0 0 8 2'>
      <rect height='2' rx='1' width='8'></rect>
    </symbol>
    <symbol id='svg-checkmark-tiny' viewbox='0 0 8 8'>
      <path d='M3.30913 8C3.0158 8 2.73358 7.88442 2.52358 7.67438L0.32583 5.47599C-0.10861 5.04257 -0.10861 4.34021 0.32583 3.90569C0.760269 3.47116 1.46248 3.47116 1.89692 3.90569L3.16913 5.17835L5.98574 0.462633C6.34352 -0.0341285 7.03573 -0.149706 7.53683 0.20814C8.03572 0.565985 8.14905 1.26056 7.79128 1.75843L4.21134 7.53769C4.01245 7.81663 3.68357 8 3.30913 8Z'></path>
    </symbol>
    <symbol id='svg-alert-tiny' viewbox='0 0 2 8'>
      <path clip-rule='evenodd' d='M0 4V1C0 0.354858 0.447754 0 1 0C1.55225 0 2 0.354858 2 1V4C2 4.64514 1.55225 5 1 5C0.447754 5 0 4.64514 0 4ZM2 7C2 7.55225 1.55225 8 1 8C0.447754 8 0 7.55225 0 7C0 6.44775 0.447754 6 1 6C1.55225 6 2 6.44775 2 7Z' fill-rule='evenodd'></path>
    </symbol>
  </svg>

  <section class='hero'>
    <div class='wrapper md-flex'>
      <div class='md-col-6 pb4'>
        <h1 class='h500 neutralsolid800 -font-extra-bold'>이번 기념일에</h1>
        <h2 class='h700 pb4 -font-extra-bold primary500'>여러분들의 개발자에게 나눔이라는 선물을 전달해주세요.</h2>
        <h3 class='h300 pb4 neutralsolid800'>여러분의 👩🏾‍💻👨🏼‍💻 개발자에게 기프트 카드를 제공하여 좋아하는 오픈소스 프로젝트에 기부하세요. ❤️</h3>
        <p class='pb4'>여러분의 개발자는 올해 엄청난 일들을 해냈습니다. 오픈 소스 커뮤니티의 지원이 없었다면 이만큼의 성과를 거두지 못했을 것입니다. 오픈 소스 커뮤니티는 그들이 학습하는 곳이자, 재사용할 도구, 라이브러리, 모듈을 찾는 곳입니다. 그렇기에, 그들은 바퀴를 재발명하지 않고도 당신의 요구 사항에 꼭 맞는 성과를 내는 것에 집중할 수 있습니다.</p>
        <p class='pb1 -font-bold neutralsolid800'>자주 묻는 질문</p>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            기프트 카드를 쓰지 않으면 어떻게 되나요?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption neutralsolid600'>기프트 카드는 실제로 사용되는 경우에만 여러분에게 청구됩니다. 직원 10명에게 $50 기프트 카드를 선물했는데 8명만 사용한 경우에는 $400만 청구됩니다.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            청구서를 받을 수 있나요?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>네, <a href='https://opencollective.com/opensource'>Open Source Collective 501c6.</a>에서 매월 적절히 정리된 결제 내역을 받아보실 수 있습니다.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            유효기간이 있나요?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>기본적으로 기프트 카드는 3개월 후에 만료되지만 만료일을 직접 지정할 수 있습니다. 그때까지 사용하지 않으면 비활성 상태가 됩니다. 기프트 카드가 사용되지 않은 경우 요금이 부과되지 않습니다.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            기프트 카드를 받았는데 한꺼번에 모두 사용해야 하나요?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>아니요, 카드 잔고가 충분하다면 기프트 카드를 사용하여 어떤 단체에든 원하는 금액을 기부할 수 있습니다.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            누가 후원자로 표시되나요? 제 회사인가요 아니면 제 직원인가요?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>둘 다입니다! 기프트 카드를 받은 사람이 지원하고자 하는 단체를 선택할 수 있습니다. 하지만 기프트 카드를 받은 사람의 기부는 여러분의 회사에서 선물한 기프트 카드를 사용한 것으로 표시되며, 회사도 해당 단체의 후원자로 표시됩니다. 예를 들어 <a href='https://opencollective.com/electron'>Electron</a>의 후원자로 표시되는 <a href='https://opencollective.com/triplebyte'>Triplebyte</a>를 참조하세요.</p>
        </details>
      </div>
      <div class='md-col-6 form-col'>
        <div class='form-wrapper'>
        <div>
          <div class='gift-card-wrapper'>
            <div class='gift-card'>
              <div class='gift-card-text'>
                <p class='white100'>지금 조직을 만들고 기프트 카드를 만들어보세요!</p>
              </div>
              <svg class='gift-card-svg' height='81px' preserveAspectRatio='xMidYMax meet' viewbox='0 0 288 81' width='100%'>
                <g fill-rule='evenodd' fill='none' stroke-width='1' stroke='none'>
                <path d='M288,12.4570165 L288,81.0000165 L0,81.0000165 L0,56.2650165 C177.12,69.4070165 120.24,-3.60588353 288,12.4570165 Z' fill='#FFFFFF'></path>
                <path d='M0,53.9550165 C135.72,56.2140165 109.8,-25.8974835 288,8.37871647 C288,9.13201647 288,11.4933165 288,13.0000165 C123,-4.49998353 177.12,69.7740165 0,56.2140165 C0,12.5219165 0,55.8380165 0,53.9550165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.4'></path>
                <path d='M0,11.5714165 C106.2,11.5714165 161.64,51.8360165 288,35.2790165 C288,30.7630165 288,54.8470165 288,57.8570165 C280.44,57.8570165 32.4,57.8570165 0,57.8570165 C0,14.2056165 0,13.4529165 0,11.5714165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.24'></path>
                </g>
              </svg>
            </div>
          </div>
          <div class='sm-flex create-org-btn-container'>
            <a href="https://opencollective.com/organizations/new">
              <button class='btn -large -primary w100'>조직 만들기</button>
            </a>
          </div>
        </div>
        </div>
      </div>
    </div>
  </section>

</div>
